.animation {
	background-color: #FFFFFF;
}
.animation > div {
	position: absolute;
	top: 0;
	left: 0;
}
.animation .background {
	background-image: url("/publishing../images/animations/anim1/background.jpg");
	background-position: 49.8% 50.2%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0;
	height: 400px;
	width: 1440px;
	left: -225px;
	overflow: hidden;
}
.animation .packs {
	height: 101px;
	width: 73px;
	position: relative;
	top: 220px;
}
.animation .packs.stock1 {
	float: left;
	left: 20px;
}
.animation .packs.stock2 {
	float: right;
}
.animation .truck {
	background-image: url("/publishing../images/animations/anim1/daily.png");
	background-position: center center;
	background-repeat: no-repeat;
	height: 347px;
	left: 300px;
	top: 70px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	width: 474px;
}
.animation p {
	position: absolute;
	color: #FFFFFF;
	font-family: verdana;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	text-shadow: 0 0 0 #000000, -1px -1px 0 #000000, -2px -2px 0 #000000, -3px -3px 0 #000000, -4px -4px 0 #000000;
	width: 100%;
}

.animation .par1 {
	font-size: 30px;
	top: 20px;
	transform: rotate(-3deg);
}
.animation .par2 {
	top: 55px;
	transform: rotate(-1deg);
}
.animation .par3 {
	top: 90px;
	transform: rotate(-2deg);
}
.animation span {
	font-weight: bold;
}
.red {
	color: #cb0000;
}
.yellow {
	color: #FFE255;
}